<template>
  <div class="barChart" ref="barChart"></div>
</template>

<script>
import * as echarts from "echarts";
export default {
  name: "BarChart",
  mounted() {
    echarts.init(this.$refs.barChart).setOption({
      xAxis: { show: false, type: "category" },
      yAxis: { show: false },
      series: {
        type: "bar",
        data: [10, 20, 50, 15, 10, 24, 53, 35, 10, 65],
        itemStyle: {
          color: "cyan",
        },
      },
      grid: {
        top: 0,
        bottom: 0,
        left: 0,
        right: 0,
      },
    });
  },
};
</script>

<style scoped>
.barChart {
  width: 100%;
  height: 100%;
}
</style>